<!doctype html>
<html class="x-admin-sm" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="./css/login.css" th:href="@{/xadmin/css/login.css}">
    <link rel="stylesheet" href="./css/font.css" th:href="@{/xadmin/css/font.css}">
    <link rel="stylesheet" href="./css/xadmin.css" th:href="@{/xadmin/css/xadmin.css}">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"
            th:src="@{/js/jquery.min.js}"></script>
    <script src="./lib/layui/layui.js" charset="utf-8" th:src="@{/xadmin/lib/layui/layui.js}"></script>
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="login-bg">

<div class="login layui-anim layui-anim-up">
    <div class="message">登录</div>
    <div id="darkbannerwrap"></div>

    <form method="post" class="layui-form">
        <input id="username" name="username" placeholder="用户名" type="text" lay-verify="required" class="layui-input">
        <hr class="hr15">
        <input id="password" name="password" lay-verify="required" placeholder="密码" type="password" class="layui-input">
        <hr class="hr15">
        <img src="/sale/verificationcode" id="imgcode" height="45" style="width:100%;">
        <input id="vcode" name="vcode" lay-verify="required" placeholder="验证码" type="text" class="layui-input"
               style="width:100%;">
        <hr class="hr15">
        <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
        <hr class="hr20">
    </form>
</div>

<script>
    $(function () {
        layui.use('form', function () {
            var form = layui.form;
            // layer.msg('玩命卖萌中', function(){
            //   //关闭后的操作
            //   });
            //监听提交
            form.on('submit(login)', function (data) {
                // 可以拿到数据var a = JSON.stringify(data.field); 但是不是标准的数据格式，需要转换
                layer.msg("正在登录...", function () {
                    //触发登录操作
                    $.post("login", data.field, function (data) {
                        if (data == 2) {
                            layer.msg("验证码错误！！！", function () {
                                //把验证码清理掉并请求新的验证码图片
                                $("#vcode").val("");
                                $("#imgcode").attr("src", "/sale/verificationcode?time=" + new Date().getTime());
                            });
                        }
                        if (data == 3) {
                            layer.msg("账号已被锁定,请联系管理员！", function () {
                                //把账号密码清理掉
                                $("#username").val("").focus();
                                $("#password").val("");
                                $("#vcode").val("");
                                $("#imgcode").attr("src", "/sale/verificationcode?time=" + new Date().getTime());
                            });
                        }
                        if (data == 1) {
                            location.href = 'authc/index';
                        } else {
                            layer.msg("账号或密码或验证码错误！！！", function () {
                                //把账号密码清理掉
                                $("#username").val("").focus();
                                $("#password").val("");
                                $("#vcode").val("");
                                $("#imgcode").attr("src", "/sale/verificationcode?time=" + new Date().getTime());
                            });
                        }
                    });
                });
                return false;
            });
        });
    })
    //验证码刷新
    $("#imgcode").click(function () {
        $("#imgcode").attr("src", "/sale/verificationcode?time=" + new Date().getTime());
    });

    function href(data) {
        alert(data);
        window.location.href = "/sale/verificationcode";
    }
</script>
</body>
</html>
